import React, { Component } from 'react'
import { Button } from 'antd-mobile'
import './Register.scss'

class Register extends Component {
	constructor(props) {
		super(props)
		this.state = {
		}
	}
	componentDidMount() {
    document.getElementsByTagName('title')[0].innerHTML = "注册";
  }
	render() {
		let height = window.screen.height
		return (
			<div className='register' style={{ minHeight: height + 'px' }}>
				<div className='inputbox'>
					<input className='input_phonenum' type="text" placeholder='请输入手机号' />
					<img src={require('../../images/phone.png')} alt="" />
				</div>
				<div className='inputbox'>
					<input className='input_passnum' type="text" placeholder='请输入密码' />
					<img src={require('../../images/password.png')} alt="" />
				</div>
				<div className='inputbox' style={{ display: 'flex', justifyContent: 'space-between' }}>
					<input className='input_messnum' type="text" placeholder='请输入验证码' />
					<img src={require('../../images/message.png')} alt="" />
					<Button className='loginbut getmess'>获取验证码</Button>
				</div>

				<Button className='loginbut'>立即注册</Button>
			</div>
		)
	}
}
export default Register;